/* nav */
.leftNav{width: 160px;background: #fff;transition: all .3s;}
.leftNav a{
    display: block;
    overflow: hidden;
    padding-left: 35px;
    line-height: 46px;
    max-height: 40px;
    font-size: 14px;
    color: #333333;
    transition: all .3s;
}
/* .leftNav a span{margin-left: 30px;} */
.nav-item{position: relative;}
.nav-item:hover > a{
    background: #FFFFFF;
    box-shadow: 2PX 2px 5px 2PX rgba(0,0,0,0.08);
}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;}
.nav-item.nav-show ul{display: block;background: #FAF9F9;}

/* 此处修改导航图标 可自定义iconfont 替换*/
.icon_1::after{content: "\e62b";}
.icon_2::after{content: "\e669";}
.icon_3::after{content: "\e61d";}
.nav-more{    
    float: right;
    margin-right: 20px;
    font-size: 12px;
    transition: transform .3s;
}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{content: "\e621";}
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>.is-now{color: #ed4842;}
.nav-item li .is-now{color: #ed4842;}

/* nav-mini */
.nav-mini.leftNav{width: 60px;}
/* .nav-mini.leftNav .nav-icon{margin-left:-2px;} */
.nav-mini.leftNav .nav-item>a span{display: none;}
.nav-mini.leftNav .nav-more{margin-right: -20px;}
.nav-mini.leftNav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini.leftNav .nav-item:hover{background:rgba(255,255,255,.1);}
.nav-mini.leftNav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.leftNav .nav-item:hover a:before{opacity:1;}
.nav-mini.leftNav .nav-item:hover ul{display: block;}